<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <div class="ring" style="--i: 1">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 2">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 3">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 4">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 31">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 32">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 33">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 34">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 35">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 36">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 5">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 31">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 32">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 33">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 34">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 35">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 36">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 37">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 38">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 39">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 40">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 41">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 42">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 6">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 31">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 32">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 33">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 34">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 35">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 36">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 37">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 38">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 39">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 40">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 41">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 42">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 43">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 44">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 45">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 46">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 47">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 48">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 7">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 31">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 32">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 33">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 34">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 35">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 36">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 37">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 38">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 39">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 40">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 41">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 42">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 43">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 44">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 45">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 46">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 47">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 48">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 49">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 50">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 51">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 52">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 53">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 54">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 8">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 31">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 32">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 33">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 34">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 35">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 36">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 37">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 38">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 39">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 40">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 41">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 42">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 43">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 44">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 45">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 46">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 47">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 48">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 49">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 50">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 51">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 52">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 53">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 54">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 55">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 56">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 57">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 58">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 59">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 60">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 9">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 31">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 32">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 33">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 34">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 35">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 36">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 37">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 38">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 39">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 40">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 41">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 42">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 43">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 44">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 45">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 46">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 47">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 48">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 49">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 50">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 51">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 52">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 53">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 54">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 55">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 56">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 57">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 58">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 59">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 60">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 61">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 62">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 63">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 64">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 65">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 66">
                    <div class="fill"></div>
                </div>
            </div>
            <div class="ring" style="--i: 10">
                <div class="dot" style="--j: 1">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 2">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 3">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 4">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 5">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 6">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 7">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 8">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 9">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 10">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 11">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 12">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 13">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 14">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 15">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 16">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 17">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 18">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 19">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 20">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 21">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 22">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 23">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 24">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 25">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 26">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 27">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 28">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 29">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 30">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 31">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 32">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 33">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 34">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 35">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 36">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 37">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 38">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 39">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 40">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 41">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 42">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 43">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 44">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 45">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 46">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 47">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 48">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 49">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 50">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 51">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 52">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 53">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 54">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 55">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 56">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 57">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 58">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 59">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 60">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 61">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 62">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 63">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 64">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 65">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 66">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 67">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 68">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 69">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 70">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 71">
                    <div class="fill"></div>
                </div>
                <div class="dot" style="--j: 72">
                    <div class="fill"></div>
                </div>
            </div>
        </div>
    </body>
</html>
